Skip to main content

Élément de visualisation : barre de défilement

Symbole:

_visu_img_scrollbar2.png

Catégorie: Commandes communes

L'élément définit la valeur d'une variable, en fonction de la position de la barre de défilement.

Propriétés des éléments

Toutes les propriétés des éléments sont-elles disponibles ?

Toutes les propriétés ne sont disponibles qu'une fois que vous avez sélectionné Avancé option ou Toutes les catégories filtrer dans Propriétés.

Nom de l'élément

Exemple: Speed Conveyor Belt 1

Astuce

Attribuez des noms individuels aux éléments afin qu'ils apparaissent plus rapidement dans la liste des éléments.

Type d'élément

Barre de défilement

Évaluer

Variable (type de données entier) qui inclut la position de la barre de défilement

Valeur minimum

Plus petite valeur de l'ascenseur (valeur fixe ou variable).

Valeur maximum

Plus grande valeur de l'ascenseur (valeur fixe ou variable).

Taille de la page

. Taille de la page
  • Comme valeur fixe, par exemple 10

  • En tant que variable de type de données entier

Exigence : Visible lorsque le Déplacer pour cliquer la propriété est ne pas choisi.

Déplacer pour cliquer

Comportement de la barre de défilement lors de l'exécution de la visualisation lorsqu'elle est cliquée :

standard icon: La barre de défilement se déplace vers la position cliquée.

_cds_icon_option_deactivated.png: La barre de défilement se déplace d'un Taille de la page dans le sens du clic.

Position

La position définit l'emplacement et la taille de l'élément dans la fenêtre de visualisation. Ceci est basé sur le système de coordonnées cartésiennes. L'origine est située dans le coin supérieur gauche de la fenêtre. L’axe X horizontal positif s’étend vers la droite. L’axe Y vertical positif va vers le bas.

X

La coordonnée X (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Y

La coordonnée Y (en pixels) du coin supérieur gauche de l'élément

Exemple : 10

Largeur

Spécifié en pixels

Exemple : 150

Hauteur

Spécifié en pixels

Exemple : 30

Astuce

Vous pouvez également modifier les valeurs en faisant glisser la case _visu_icon_position_element.png symboles vers d’autres positions dans l’éditeur.

Bar

Orientation

L'alignement de la barre de défilement défini par le rapport largeur/hauteur.

  • Horizontal

  • Verticale

Astuce

Vous pouvez modifier l'alignement dans l'éditeur de visualisation en utilisant le dispositif de pointage pour ajuster la largeur et la hauteur de la barre de défilement.

Sens de marche

La zone de liste varie en fonction de l'alignement de la barre de défilement.

. Horizontal
  • De gauche à droite: L'échelle commence à gauche.

  • De droite à gauche: L'échelle commence à droite.

. Verticale
  • De bas en haut: L'échelle commence en bas.

  • De haut en bas: L'échelle commence en haut.

Couleurs

Les propriétés contiennent des valeurs fixes pour la définition des couleurs.

Couleur

Couleur de l'élément dans son état normal

Note

L'état d'alarme est effectif si l'expression dans le Variables de couleur → Basculer la couleur la propriété a la valeur FALSE.

Couleur d'alarme

Couleur de l'élément en état d'alarme

Note

L'état d'alarme est effectif si l'expression dans le Variables de couleur → Basculer la couleur la propriété a la valeur TRUE.

Transparence

Valeur (0 à 255) pour définir la transparence de la couleur sélectionnée

255: La couleur est opaque.

0: La couleur est complètement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture.

Les textes

Texte

Chaîne (sans guillemets droits simples)

Exemple: Accesses: %i

L'élément est étiqueté avec ce texte. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Texte propriété est sortie à l'emplacement de l'espace réservé.

Info-bulle

Chaîne (sans guillemets droits simples)

Exemple: Number of valid accesses %n

Le texte est affiché sous forme d'info-bulle. Si un espace réservé %<format string> est spécifié dans le texte, alors la valeur de la variable dans le Variable de texte → Info-bulle propriété est sortie à l'emplacement de l'espace réservé.

Astuce

Utilisez le Ctrl+Entrer raccourci pour ajouter un saut de ligne.

Astuce

Les textes spécifiés sont automatiquement transférés vers le GlobalTextList liste de texte. Par conséquent, ces textes peuvent être localisés.

Propriétés du texte

Les propriétés obtiennent des valeurs fixes pour les propriétés du texte et agissent sur les textes configurés dans Textes → Texte ou Textes → Info-bulle.

Alignement horizontal

Alignement horizontal du texte au sein de l'élément

Alignement vertical

Alignement vertical du texte au sein de l'élément

Fonte

Exemple : Par défaut

_cds_icon_three_dots.png: Les Fonte une boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: zone de liste avec polices de style

Couleur de police

Couleur de police à l'état normal

Exemple : noir

_cds_icon_three_dots.png: Les couleur une boîte de dialogue s'ouvre.

_cds_icon_arrow_down.png: zone de liste avec couleurs de style

Couleur de l'alarme de police

Couleur de police active en état d'alarme

Important

Elle doit être différente de la couleur de police à l'état normal.

Exemple : Rouge

Transparence

Nombre entier (plage de valeurs comprise entre 0 à 255)

La valeur de transparence détermine la transparence de la couleur correspondante.

255: La couleur est opaque.

0: La couleur est totalement transparente.

Note

Si la couleur est une couleur de style et possède déjà une valeur de transparence, cette propriété est protégée contre l'écriture.

Variables de texte

Variable de texte

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Texte la propriété

Exemple : PLC_PRG.iAccesses

La valeur de la variable remplace l'espace réservé dans le texte de l'élément. Lors de l'exécution, l'élément est étiqueté avec le texte et la valeur de la variable est constamment mise à jour.

Note

Si vous spécifiez une variable de type énumération avec prise en charge de liste de texte, le nom du type de données d'énumération est ajouté automatiquement entre crochets après le nom de la variable. Exemple: PLC_PRG.enVar <enumeration name>. Ensuite, la valeur symbolique du composant d'énumération est imprimée à la place de la valeur numérique lorsque le texte est imprimé. Voir la page d'aide pour les énumérations.

Variable d'info-bulle

Variable (type de données conforme à la spécification de formatage) pour l'espace réservé dans le Textes → Info-bulle biens

Exemple : PLC_PRG.iAccessesInTooltip

La valeur de la variable remplace l'espace réservé dans l'info-bulle de l'élément. Lors de l'exécution, l'info-bulle s'affiche et la valeur de la variable est constamment mise à jour.

Textes dynamiques

Les textes dynamiques sont des textes indexés de manière variable d'une liste de textes. Lors de l'exécution, le texte actuellement indexé dans la variable s'affiche.

Liste de texte

. Nom de la liste de textes
  • En tant que variable (STRING)

  • Sous forme de littéral de chaîne fixe avec des guillemets droits simples

    Exemple: 'Errorlist'

_cds_icon_arrow_down.png: Zone de liste avec les dialogues disponibles dans les listes de textes

Remarque : Si une liste de textes du projet est transférée vers une visualisation dans une bibliothèque, un point doit être ajouté au nom de la liste de textes.

Index du texte

. ID de la liste de textes qui fait référence au texte de sortie souhaité
  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '1'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strTextID

    Exemple de mission : PLC_PRG.strTextID := '1';

Index des info-bulles

. ID de la liste de textes qui fait référence au texte de sortie souhaité
  • Sous forme de chaîne fixe avec l'ID entre guillemets droits simples

    Exemple: '2'

  • En tant que variable (STRING) pour contrôler dynamiquement la sortie de texte

    Exemple: strToolTipID

    Exemple de mission : PLC_PRG.strToolTipID := '2';

Variables de police

Les variables permettent un contrôle dynamique de l'affichage du texte.

Nom de police

Variable (STRING) pour la police du texte

Exemple : PLC_PRG.stFontVar := 'Arial';

Astuce

Vous pouvez découvrir quelles polices sont disponibles dans la norme Fonte dialogue.

Taille

Variable (type de données numériques) pour la taille de police (en pixels ou en points)

L'unité appliquée est spécifiée entre crochets après le nom de la variable.

  • <pt> : Points (par défaut)

    Exemple: PLC_PRG.iFontHeight <pt>

    Code : iFontHeight : INT := 12;

  • <px>: Pixels

    Exemple: PLC_PRG.iFontHeight <px>

    Code : iFontHeight : INT := 19;

Astuce

La taille de police est spécifiée en points (exemple : Arial 12). Utilisez des points lorsque la taille de police variable doit correspondre à une police, par exemple si une police est définie dans Propriété du texte → Police propriété.

Astuce

Si vous cliquez dans le champ de valeur, _cds_img_dropdownlist_unit_font_size.png la boîte de liste s'ouvre sur la droite pour configurer l'unité.

Drapeaux

Variable (DWORD) pour les drapeaux afin de déterminer l'affichage de la police

. Drapeaux :
  • 1: Italique

  • 2: Audacieux

  • 4: Souligner

  • 8: Strike through

Note

Vous pouvez combiner les affichages de polices en ajoutant le codage des drapeaux. Par exemple, un texte en gras et souligné : PLC_PRG.dwFontType := 6;

Jeu de caractères

Variable (DWORD) pour le numéro du jeu de caractères de la police

La sélection des numéros de jeu de caractères correspond à Scénario établissement de la norme Fonte dialogue.

couleur

Variable (DWORD) pour la couleur du texte

Exemple : PLC_PRG.dwColorFont:= 16#FF000000;

Couleur de l'alarme

Variable (DWORD) pour la couleur du texte lors d'une alarme

Important

Cette couleur remplace la couleur d'alarme de police statique (dans la propriété : Propriétés du texteCouleur de l'alarme de police)

Elle doit être différente de la couleur de police à l'état normal.

Drapeaux pour l'alignement du texte

Variable (type de données entier) pour coder l'alignement du texte

Exemple : PLC_PRG.dwTextAlignment

. Codage :
  • 0: En haut à gauche

  • 1: Centre horizontal

  • 2: C'est vrai

  • 4: Centre vertical

  • 8: En bas

Note

Vous pouvez combiner les alignements de texte en ajoutant le codage des drapeaux. Par exemple, un texte centré verticalement et horizontalement : PLC_PRG.dwFontType := 5;

Astuce

Les valeurs fixes pour l'affichage des textes sont définies dans Propriétés du texte.

Variables de couleur

La propriété Element est utilisée comme interface pour les variables de projet afin de contrôler dynamiquement les couleurs lors de l'exécution.

Basculer la couleur

Variable pour le basculement des couleurs

. Affectation de valeur :
  • FALSE: L'élément est affiché avec la couleur spécifiée dans le Couleur biens.

  • TRUE: L'élément est affiché avec la couleur spécifiée dans le Couleur d'alarme biens.

. Options d'affectation :
  • Espace réservé pour la variable d'entrée utilisateur

    • <variable basculer/appuyer>

    • <PAS basculer/appuyer sur la variable>

    Le changement de couleur n'est pas contrôlé par sa propre variable, mais par une variable d'entrée utilisateur.

    Note

    Spécifiez une variable pour les événements de souris Robinet ou Basculer dans la configuration d'entrée de l'élément. Ce n'est qu'alors que l'espace réservé est défini. Si vous configurez une variable dans les deux Basculer et Robinet, alors la variable spécifiée dans Robinet est utilisé.

    Astuce

    Clique le _visu_icon_linked_variable.png symbole pour insérer le <variable basculer/appuyer> espace réservé. Lorsque vous activez le Configuration d'entrée, Appuyez sur FAUX propriété, alors le <PAS basculer/appuyer sur la variable> l'espace réservé s'affiche.

  • Chemin d'instance d'une variable de projet (BOOL)

    Exemple: PLC_PRG.xColorIsToggeled

    Note

    Dans le code, déclarez et implémentez la variable spécifiée ici. Son affectation de valeur détermine le moment où la couleur change.

État normal

État d'alarme

Les propriétés répertoriées ci-dessous contrôlent la couleur en fonction de l'état. L'état normal est effectif si la variable dans Variables de couleur, Basculer la couleur n'est pas défini ou il a la valeur FALSE. L'état d'alarme est effectif si la variable dans Variables de couleur, Basculer la couleur a la valeur TRUE.

Couleur du cadre

. Options d'affectation :
  • variables (DWORD) pour la couleur du cadre

    Exemple: PLC_PRG.dwBorderColor

  • Couleur littérale

    Exemple de vert et opaque : 16#FF00FF00

Couleur de remplissage

. Options d'affectation :
  • variables (DWORD) pour la couleur de remplissage

    Exemple: PLC_PRG.dwFillColor

  • Couleur littérale

    Exemple de gris et opaque : 16#FF888888

Astuce

La partie transparence de la valeur de couleur n'est évaluée que si la Gestionnaire de visualisationActiver le dessin semi-transparent l'option du gestionnaire de visualisation est sélectionnée.

Variables d'état

Les variables contrôlent dynamiquement le comportement de l'élément.

Invisible

variables (BOOL) pour basculer la visibilité de l'élément

TRUE: L'élément n'est pas visible à l'exécution.

Exemple: bIsVisible avec VAR bIsVisible : BOOL := FALSE; END_VAR

Désactiver les entrées

variables (BOOL) pour basculer l'opérabilité de l'élément

TRUE: Les entrées utilisateur n'ont plus aucun effet dans le runtime. L'élément est affiché comme désactivé.

Astuce

le Invisible La propriété est prise en charge par la fonctionnalité "Animation client".

Centre

Les propriétés contiennent des valeurs fixes pour les coordonnées du point de rotation. Le point de rotation s'affiche dans l'éditeur en tant que _visu_icon_center_point.png symbole et est utilisé comme centre pour la rotation et la mise à l'échelle.

Astuce

Vous pouvez également modifier les valeurs en faisant glisser le _visu_icon_center_point.png symbole à une autre position dans l'éditeur.

X

Coordonnée X du point de rotation

Y

Coordonnée Y du point de rotation

Mouvement absolu

Les propriétés peuvent être affectées à des variables CEI pour contrôler dynamiquement la position de l'élément. Le point de référence est le coin supérieur gauche de l'élément. Lors de l'exécution, l'élément entier est déplacé.

Mouvement

X

  • Variable (type de données numérique) pour la position X (en pixels)

    Exemple: PLC_PRG.iPos_X

L'augmentation de cette valeur à l'exécution déplace l'élément vers la droite.

Y

L'augmentation de cette valeur à l'exécution déplace l'élément vers le bas.

Rotation

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle1

Le milieu de l'élément tourne à la Centre point. Ce point de rotation est représenté par le _visu_icon_center_point.png symbole.

Lors de l'exécution, l'alignement de l'élément reste le même par rapport au système de coordonnées de la visualisation. L'augmentation de la valeur fait pivoter l'élément vers la droite.

_visu_img_prp_rotation.png

Rotation intérieure

Variable (type de données numérique) pour l'angle de rotation (en degrés)

Exemple: PLC_PRG.iAngle2

Lors de l'exécution, l'élément tourne autour du point de rotation spécifié dans Centre selon la valeur de la variable. De plus, l'alignement de l'élément pivote selon le système de coordonnées de la visualisation. L'augmentation de la valeur dans le code tourne dans le sens des aiguilles d'une montre.

Le point de rotation est représenté par le _visu_icon_center_point.png symbole.

Note

Si un angle de rotation statique est spécifié dans le Emplacement → Angle , l'angle de rotation statique est ajouté à l'angle de rotation variable (décalage) lors de l'exécution de la visualisation.

_visu_img_prp_inner_rotation.png

Astuce

Vous pouvez combiner les variables à un conversion d'unité.

Astuce

le X, Oui, Rotation, et Rotation intérieure sont prises en charge par la fonctionnalité "Animation client".

Animation

Astuce

Ces propriétés ne sont disponibles que lorsque vous avez sélectionné le Prise en charge des animations client et de la superposition d'éléments natifs possibilité dans le Gestionnaire de visualisation.

Durée des animations

Variable de durée (en millisecondes) pendant laquelle l'élément exécute une animation

  • Variable (valeur entière)

    Exemple: Menu.tContent avec VAR tContent : INT := 500; END_VAR

  • Littéral entier

    Exemple: 500

. Propriétés animables
  • Mouvement absolu, Mouvement, X, Oui

  • Mouvement absolu, Rotation

  • Mouvement absolu, Rotation intérieure

  • Mouvement absolu, Rotation extérieure

Le mouvement animé est exécuté lorsqu'au moins une valeur d'une propriété animable a changé. Le mouvement alors exécuté n'est pas saccadé, mais est fluide dans la durée d'animation spécifiée. L'élément de visualisation se déplace vers la position spécifiée tout en tournant dynamiquement. Les transitions sont fluides.

Passer au premier plan

variables (BOOL) pour mettre l'élément au premier plan

TRUE: A l'exécution, l'élément de visualisation est affiché au premier plan.

FALSE: A l'exécution, l'élément de visualisation est affiché dans le calque où il a été inséré dans l'éditeur de visualisation.

Exemple: bIsInForeground avec VAR bIsInForeground : BOOL := FALSE; END_VAR

Configuration d'entrée

Les propriétés contiennent les configurations pour l'entrée de l'utilisateur lors de l'utilisation de la souris ou du clavier. Une entrée utilisateur définit un événement et une ou plusieurs actions qui sont exécutées lorsqu'un événement se produit.

Astuce

le Configurer bouton ouvre le Configuration des entrées dialogue. Vous pouvez y créer ou modifier des entrées utilisateur.

Les entrées utilisateur configurées sont répertoriées sous les événements. Ils incluent chacun l'action qui est déclenchée et le paramètre sous forme abrégée.

Exemple: Exécuter le code ST: _visu_icon_action.png PLC_PRG.i_x := 0;

OnDialogClosed

Evénement d'entrée : L'utilisateur ferme la boîte de dialogue.

OnMouseClick

Evénement d'entrée : L'utilisateur clique complètement sur le bouton de la souris dans la zone de l'élément. Le bouton de la souris est cliqué et relâché.

OnMouseDown

Événement d'entrée : l'utilisateur clique sur le bouton de la souris.

OnMouseEnter

Événement d'entrée : l'utilisateur fait glisser le pointeur de la souris sur l'élément.

OnMouseLeave

Evénement d'entrée : l'utilisateur éloigne le pointeur de la souris de l'élément.

OnMouseMove

Evénement d'entrée : L'utilisateur déplace le pointeur de la souris sur la zone de l'élément.

OnMouseUp

. Événements d'entrée :
  • L'utilisateur relâche le bouton de la souris dans la zone de l'élément. Peu importe que l'utilisateur ait auparavant appuyé sur le bouton de la souris à l'intérieur ou à l'extérieur de la zone de l'élément.

  • L'utilisateur appuie sur le bouton de la souris dans la zone de l'élément, quitte la zone de l'élément, puis relâche le bouton de la souris.

Note

Ce CODESYS-un comportement de déclenchement spécifique garantit que les actions pour les éléments clés sont terminées. Un élément clé déclenche une action pour OnMouseDown et met fin à l'action pour OnMouseUp.

Exemple : Un utilisateur de visualisation appuie sur le bouton de la souris dans la zone d'élément de l'élément clé, puis déplace la position du curseur de manière à ce qu'il se trouve en dehors de la zone d'élément. L'action est quand même terminée car OnMouseUp est déclenché.

OnValueChanged

Evénement qui déclenche des actions de suivi en raison d'un changement de valeur

Les actions de suivi déclenchées sont configurées dans le Configuration d'entrée dialogue.

Les actions de suivi définies et la configuration correspondante sont affichées sous la propriété de l'élément.

La OnValueChanged l'événement peut être désactivé par le VISU_NO_VALUECHANGED compilateur définir dans la boîte de dialogue des propriétés de l'application.

Robinet

Lorsqu'un événement de clic de souris se produit, la variable définie dans Variable est décrit dans la demande. Le codage dépend de la Appuyez sur FAUX et Appuyez sur entrer si capturé options.

Variable

Exigence : Le Appuyez sur FAUX l'option n'est pas activée.

variables (BOOL) pour l'événement de clic de souris

TRUE: Un événement de clic de souris existe. Elle dure tant que l'utilisateur appuie sur le bouton de la souris sur l'élément. Il se termine lorsque le bouton est relâché.

FALSE: Un événement de clic de souris n'existe pas.

Exemple: PLC_PRG.bIsTapped

Appuyez sur FAUX

standard icon: L'événement clic souris conduit à une valeur complémentaire dans Variable.

TRUE: Un événement de clic de souris n'existe pas.

FALSE: tant que l'événement de clic de souris existe.

Appuyez sur entrer si capturé

standard icon: Lors de la saisie de l'utilisateur, il est également pris en compte si le pointeur de la souris est déplacé ou non dans la zone de l'élément lorsque le bouton de la souris est enfoncé.

TRUE: tant que l'événement de clic de souris existe et que le pointeur de la souris est déplacé sur la zone de l'élément.

FALSE: Un événement de clic de souris n'existe pas. Soit l'utilisateur déplace le pointeur de la souris en dehors de la zone de l'élément pendant que le bouton de la souris est enfoncé.

La valeur est TRUE à nouveau dès que l'utilisateur ramène le pointeur sur la zone de l'élément. La souris est alors capturée.

Basculer

Au début d'un événement de clic de souris, la variable est définie ; lorsque l'événement de clic de souris est terminé, la variable est réinitialisée.

Variable

variables (BOOL) pour basculer à la fin de l'événement de clic de souris

C'est lorsque l'utilisateur relâche le bouton de la souris alors que le pointeur de la souris est sur la zone d'élément. basculé.

Astuce

L'utilisateur peut annuler une entrée de bascule commencée en faisant glisser le pointeur de la souris hors de la zone de l'élément.

Activer si capturé

standard icon: La valeur bascule indépendamment de l'endroit où se trouve le pointeur de la souris lorsque le bouton de la souris est relâché. La souris est alors capturée.

Raccourci

Raccourci sur l'élément pour déclencher des actions de saisie spécifiques

Lorsque l'événement de raccourci clavier se produit, les actions d'entrée dans le Événements propriété sont déclenchées. De cette manière, ce n'est pas l'action de saisie elle-même qui conduit à cette action de saisie, mais l'action de saisie de la souris.

Clé

Touche enfoncée pour l'action d'entrée.

Exemple: J

Les propriétés suivantes s'affichent lorsqu'une touche est sélectionnée.

Événements

  • Aucun

  • Souris vers le bas: L'appui sur la touche déclenche les actions d'entrée qui sont configurées dans le OnMouseDown biens.

  • Souris vers le haut: Le relâchement de la touche déclenche les actions de saisie qui sont configurées dans le OnMouseUp biens.

  • Souris bas/haut: L'appui et le relâchement de la touche déclenchent les actions d'entrée qui sont configurées dans le OnMouseDown la propriété et la OnMouseUp biens.

Basculer

standard icon: Combinaison avec la touche "Shift"

Exemple: Changement+J.

Contrôler

standard icon: Combinaison avec la touche "Ctrl"

Exemple: Ctrl+J.

Autre

standard icon: Combinaison avec la touche "Alt"

Exemple: Autre+J.

Astuce

Tous les raccourcis clavier et leurs actions qui sont configurés dans la visualisation sont répertoriés sur la Configuration du clavier languette.

Des droits d'accès

Note

Disponible uniquement lorsqu'une gestion des utilisateurs est configurée pour la visualisation.

Des droits d'accès bouton

Ouvre le Des droits d'accès dialogue. Là, vous pouvez modifier les privilèges d'accès pour l'élément.

. Messages d'état :
  • Pas encore défini. Pleins droits.: Droits d'accès pour tous les groupes d'utilisateurs : opérable

  • Les droits sont définis : droits limités: L'accès est limité à au moins un groupe.